<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<link href="../static/css/table.css"  type="text/css" rel="stylesheet">
<title>人事管理-教师统计汇总表</title>
<style>
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
table, thead, tbody, th, td, tr {
	display: block;
}
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
tr {
	border: 1px solid #ccc;
}
td {
	border: none;
	border-bottom: 1px solid #888484;
	position: relative;
	padding-left: 50%;
}
td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*
		Label the data
		*/
td:nth-of-type(1):before {
	content: "总人数";
} /**同类型中的第1个同级兄弟元素之前插入content**/
td:nth-of-type(2):before {
	content: "男";
}
td:nth-of-type(3):before {
	content: "女";
}
td:nth-of-type(4):before {
	content: "学历情况";
}
td:nth-of-type(5):before {
	content: "职称情况";
}
td:nth-of-type(6):before {
	content: "党员";
}
td:nth-of-type(7):before {
	content: "预备党员";
}
td:nth-of-type(8):before {
	content: "非党员";
}
td:nth-of-type(9):before {
	content: "聘用人数";
}
td:nth-of-type(10):before {
	content: "退休人数";
}
}
 @media only screen and (min-device-width : 320px)and (max-device-width : 480px) {
body {
	padding: 0;
	margin: 0;
}
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
	width: 100%;
}
}
</style>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">教师统计汇总表</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;"> 
  <!--<div class="row">
      <a class="btn btn-success  col-xs-offset-1" href="personnel changes-add.html">增加</a>
     </div>--><!--row  end--> 
  <!-- <div class="row" style="margin-top:10px;">
       
               <div class="col-lg-6 col-lg-offset-3">
                        <div class="input-group">
                           <input type="text" class="form-control">
                           <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">搜索</button>
                          </span>
                        </div>
                </div>
     
      </div>-->
  <div class="row margin " id="page-wrap">
    <table>
      <thead>
        <tr>
          <th>总人数</th>
          <th>男</th>
          <th>女</th>
          <th>学历情况</th>
          <th>职称情况</th>
          <th>党员</th>
          <th>预备党员</th>
          <th>非党员</th>
          <th>聘用人数</th>
          <th>退休人数</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>50</td>
          <td>25</td>
          <td>25</td>
          <td><table>
              <tr>
                <th><span>研究生以上</span>&nbsp;<font color="red">10</font></th>
                <th><span>研究生</span>&nbsp;<font color="red">10</font></th>
                <th><span>本科</span>&nbsp;<font color="red">10</font></th>
                <th><span>专科</span>&nbsp;<font color="red">10</font></th>
                <th><span>专科以下</span>&nbsp;<font color="red">10</font></th>
              </tr>
            </table></td>
          <!--学历情况-->
          <td><table>
              <tr>
                <th><span>正高级</span>&nbsp;<font color="red">10</font></th>
                <th><span>高级</span>&nbsp;<font color="red">10</font></th>
                <th><span>一级</span>&nbsp;<font color="red">10</font></th>
                <th><span>未定级</span>&nbsp;<font color="red">10</font></th>
              </tr>
            </table></td>
          <td>30</td>
          <td>10</td>
          <td>3</td>
          <td>3</td>
          <td>34</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 

<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
</body>
</html>
